@charset "utf-8";

@import "../_fontsize.scss";
@import "_common.scss";
.biggest {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .2);
    position: absolute;
    display: none;
    z-index: 999;
    #add {
        width: r(540);
        height: r(305);
        background: #FFFFFF;
        border-radius: 8px;
        position: relative;
        position: absolute;
        top: 30%;
        margin-left: 8%;
        animation: s1 800ms ease-out alternate;
        transform-origin: center;
        .add-text {
            width: 100%;
            height: r(166);
            border-bottom: 1px solid #C1C1C1;
            h4 {
                font-weight: 500;
                font-size: r(30);
                text-align: center;
                padding-top: r(30);
            }
            p {
                font-size: r(24);
                color: #666666;
                text-align: center;
                line-height: r(44);
            }

        }
        span {
            margin-top: r(30);
            display: inline-block;
            width: r(235);
            height: r(80);
            text-align: center;
            background: #D62D31;
            line-height: r(80);
            color: #FFFFFF;
            border-radius: 8px;
            margin-left: r(20);
            font-size: r(26);
            a {
                color: #FFFFFF;
                font-size: r(26);
            }
        }
        span.add-btn {
            background: #FFFFFF;
            border: 1px solid #666666;
            color: #666666;
        }
    }
}
@keyframes s1 {
    0% {
        transform: scale(0) rotateZ(0);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotateZ(720deg);
        opacity: 1;
    }
}

section {
    position: absolute;
    top: r(88);
    width: 100%;
    //  bottom: r(90);
    overflow: scroll;
    background: #f3f4f6;
    div {
        width: 100%;
        height: r(93);
        background: #FFFFFF;
        font-size: r(26);
        color: #333333;

        input[type="text"] {
            width: 70%;
            height: r(91);
            border: none;
            margin-left: r(20);
            font-size: r(26);

        }
    }
    > form .withdraw-money {
        margin-top: r(30);
        border-bottom: 1px solid #e1e2e4;
        border-top: 1px solid #e1e2e4;
        text-indent: r(30);
        ::-webkit-input-placeholder {
            color: #000000;
        }
        ::-moz-placeholder {
            color: #000000;
        }
        ::-ms-input-placeholder {
            color: #000000;
        }
    }
    > form .withdraw-calcu {
        text-indent: r(30);
        border-bottom: 1px solid #e1e2e4;
    }
    > form .withdarw-num {
        margin-top: r(30);
        position: relative;
        border-bottom: 1px solid #e1e2e4;
        border-top: 1px solid #e1e2e4;
        text-indent: r(30);
        input {
            text-align: center;
            text-indent: r(130);
            background: #FFFFFF;

        }
        i {
            display: block;
            width: r(16);
            height: r(28);
            top: r(30);
            right: r(45);
            position: absolute;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .withdarw-button {
        background: transparent;
        width: 90%;
        height: r(93);
        margin: r(33) auto 0;
        input {
            width: 100%;
            height: 100%;
            background: #D62D31;
            border-radius: 8px;
            color: #FFFFFF;
            font-size: r(26);
        }

    }

    h6 {
        display: block;
        color: #999999;
        margin-top: r(33);
        font-size: r(20);
        margin-left: r(40);
        font-weight: 500;
        a {
            color: #153fc6;
        }
    }
}
#tip2 {
    width: r(249);
    height: r(183);
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    background: url("../../img/begin/identify-pic.png") no-repeat black;
    opacity: 0.8;
    background-size: r(69) r(69);
    background-position: center;

    animation: s2 500ms ease-out alternate;
    //          animation-delay: 1s;
    //          position: absolute;
    display: none;
    position: relative;
    top: r(200);
    left: r(200);

    span {
        position: absolute;
        display: block;
        top: r(150);
        left: r(80);
        font-size: r(22);
    }
    a {
        position: absolute;
        display: block;
        width: r(20);
        height: r(20);
        line-height: 0;
        right: 0;
        img {
            width: 100%;
            height: 100%;
        }
    }
}
@keyframes s2 {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
